// 抽屉面板公用样式
.drawer-view{
	@extend .u-flex-column;
	// 抽屉面板item子项面板
	&__item{
		@extend .u-flex-row;
		@extend .u-flex-nowrap;
		
		&__dr-left-box{
			@extend .u-flex-column;
			
			flex: 1;
			//background-color: rgba(25,135,45,0.5);
			background-image:linear-gradient(to left,rgba(0,0,0,0.85),rgba(0,0,0,0));
		}
		&__dr-right-box{
			@extend .u-flex-column;
			
			@include p-right(60rpx);
			//padding-right: 30px;//暂不要内边距，需要适配部分手机的全屏
			
			background-image:linear-gradient(to left,rgba(0,0,0,1),rgba(0,0,0,0.85));
			// 统一宽度
			//width: 350px;//这里用绝对宽度方便计算抽屉里音量和亮度进度条的宽度
			
			width: 700rpx;
			
		}
		
		// 抽屉面板内部的通用贴片广告样式
		&__dr-Top-adView{
			@extend .u-flex-column;
			@extend .u-flex-juc-center;
			@extend .u-flex-al-items-center;
			@include position(relative);
			@include m-bottom(50rpx);
			height: 150rpx;
			
			&__box{
				
				height: 150rpx;
				
				// 广告图片
				&__img{
					height: 150rpx;
					//宽度自适应
				}
				// 角标 广告 字体
				&__tit{
					@include position(absolute);
					@include padding(6rpx 10rpx);
					left: 5rpx;
					top: 5rpx;
					border-radius: goFull-border-radius(4rpx);
					background-color: #C8C7CC;
					
					&__text{
						/* #ifdef APP-PLUS-NVUE */
						@include padding(4rpx);
						/* #endif */
						
						/* #ifdef H5 || MP */
						@include padding(10rpx 4rpx);
						/* #endif */
						
						font-size: goFull-FontSize(24rpx);
						color: #192939;
					}
				}
			}
		}
		// 
	}
	
}
/* ---------------------------
 *  统一样式
 *  让抽屉面板的左右box横向排列
 * ---------------------------
 */
.drawer-view{
	&__item{
		.Template,
		.Template-fiqy,
		.Template-fyk{
			@extend .u-flex-row;
			@extend .u-flex-nowrap;
		}
	}
}
/* ---------------------------
 *  防止上方嵌套样式打包时丢失
 * ---------------------------
 */
.drawer-view .drawer-view__item .Template-fiqy,
.drawer-view .drawer-view__item .Template-fyk{
	@extend .u-flex-row;
	@extend .u-flex-nowrap;
}




/* --------------------------
 * 以下是抽屉面板的item子项面板
 * --------------------------
 */

// 更多设置-抽屉面板 （item子项）
.drawer-gengduo{
	@extend .u-flex-column;
	
	// 上方图标按钮（收藏、下载、投屏、小窗等）
	&__Top-grid-box{
		@extend .u-flex-row;
		@extend .u-flex-wrap;
		@extend .u-flex-juc-start;// 已经算出等分宽度了，现在直接靠左对齐
		@extend .u-flex-al-items-center;
		@include p-bottom(40rpx);
		//background-color: #b9b9b9;
		/* 3.5.1版本 修复3.5.0版本的由原来的一排4个变成3个的问题 */
		width: 640rpx;// 总宽度 = 160rpx * 4个 （一排4个icons图标）
		//padding-bottom: 20px;
		border-bottom: 1rpx solid rgba(238,238,238,0.15);
		&__gr-item {
			@include m-top(40rpx);
			@extend .u-flex-juc-center;
			@extend .u-flex-al-items-center;
			
			width: 160rpx;//700rpx-内边距60rpx/每排4个
			//width: 80px;//350px-内边距30px/每排4个
			
			//border: #ffdc91 solid 2rpx;
			// 仿爱奇艺版
			&__gr-Image-box{
				width: 84rpx;
				height: 84rpx;
				
				// 图片式icon图标
				&__gr-Image{
					@extend .drawer-gengduo__Top-grid-box__gr-item__gr-Image-box;
				}
			}

			
			// 仿优酷版 圆形背景框
			&__gr-radius{
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				@include m-bottom(10rpx);
				
				width: 84rpx;
				height: 84rpx;
				border-radius: goFull-border-radius(84rpx);
				background-color: rgba(255,255,255,0.1);
				
				// icon字体图标组件
			}

			&__text{
				font-size: goFull-FontSize(24rpx);
				color: #f1f1f1;
			}
		}

	}
	
	// 下方 列表菜单 音量控制 亮度控制
	&__Bottom-Setting{
		@extend .u-flex-column;
		
		// 列表菜单 （如 画面显示？ 播放方式？ 等）
		&__b-s-t-list-box{
			flex: 1;
			//padding: 20rpx 0;
			
			&__cell-item{
				@extend .u-flex-row;
				@extend .u-flex-nowrap;
				@extend .u-flex-juc-sp-between;
				@extend .u-flex-al-items-center;
				@include padding(20rpx 0);
				
				border-bottom: 1rpx solid rgba(238,238,238,0.15);

				// 左边 标题
				&__c-i-left-box{
					
					@include m-right(30rpx);

					&__text{
						font-size: goFull-FontSize(32rpx);
						color: #f1f1f1!important;
					}
				}
				

				// 右边 itme选项 
				&__c-i-right-box{
					@extend .u-flex-row;
					@extend .u-flex-nowrap;
					@extend .u-flex-juc-end;
					@extend .u-flex-al-items-center;
					flex: 1;
					
					&__r-item{
						
						@include m-left(10rpx);
						@include padding(10rpx 16rpx);
						
						&__text{
							font-size: goFull-FontSize(32rpx);
							color: #f1f1f1;
						}
					}

					// 选中项
					.current{
						.app-text{
							color: #00e208;
						}
					}
				}
				
			}
			
		}
		
		// switch开关 盒子（如 跳过片头开关、跳过片尾开关）
		&__b-s-c-switch-box{
			@extend .u-flex-row;
			@extend .u-flex-nowrap;
			@extend .u-flex-juc-sp-between;
			@extend .u-flex-al-items-center;
			@include padding(30rpx 0);
			
			&__sw-item{
				@extend .u-flex-row;
				@extend .u-flex-nowrap;
				@extend .u-flex-juc-sp-between;
				@extend .u-flex-al-items-center;
				flex: 1;
				
				&__text{
					font-size: goFull-FontSize(32rpx);
					color: #F1F1F1;
				}
			}
			&__switch-right{
				// 右边 switch 开关组件
			}
			&__sl-w-jiange{
				// 中间间隔
				width: 40rpx;
			}
		}
		
		// Slider进度条 盒子（如 亮度进度条、音量进度条）
		&__b-s-b-slider-box{
			@include padding(20rpx 0);
			@include m-bottom(100rpx);
			
			&__slider-item{
				@extend .u-flex-row;
				@extend .u-flex-nowrap;
				@extend .u-flex-juc-sp-between;
				@extend .u-flex-al-items-center;
				
				// 左边icon图标
				&__sl-left-box{
					
					@include m-right(30rpx);
					
					&__sl-item{
						width: 40rpx;
						height: 40rpx;
						
						&__Imgae{
							width: 36rpx;
							height: 36rpx;
						}
					}
					
				}
				
				// 中间Slder进度条
				&__sl-conter-box{
					// Slider进度条（亮度、音量）
				}

				// 右边icon图标
				&__sl-right-box{
					
					@include m-left(30rpx);
					
					&__sl-item{
						@extend .drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-left-box__sl-item;
						
						&__Imgae{
							@extend .drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-left-box__sl-item__Imgae;
							
						}
					}
					
				}
			}
			
		}
		
	}
}

/* ---------------------------
 *  防止上方嵌套样式不生效
 *  统一更改皮肤颜色
 * ---------------------------
 */
.drawer-gengduo .Template-fiqy .current .app-text{
	// 播放方式 / 画面显示等 选中项样式
	color: #00e208!important;
}
.drawer-gengduo .Template-fyk .current .app-text{
	// 播放方式 / 画面显示等 选中项样式
	color: #00d0d3!important;
}



// 倍数设置-抽屉面板 （item子项）
.drawer-besu{
	&__dr-besu-box{
		@extend .u-flex-column;
		@extend .u-flex-juc-center;
		flex: 1;
		
		&__besu-item{
			@include position(relative);
			@extend .u-flex-juc-center;
			
			height: 100rpx;
			
			// 选中时才有背景色
			&__bg-linear-box{
				@extend .u-flex-row;
				@extend .u-flex-nowrap;
				flex: 1;
				
				&__bg-left-color{
					//width: 250rpx;
					//background-image:linear-gradient(to left,rgba(0,226,8,0.15),rgba(0,226,8,0));
				}
				&__bg-right-color{
					//flex: 1;
					//background-image:linear-gradient(to right,rgba(0,226,8,0.15),rgba(0,226,8,0));
				}
			}
			&__besu-tit{
				@include position(absolute);
				@extend .u-flex-row;
				@extend .u-flex-nowrap;
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				left: 210rpx;
				
				&__text{
					font-size: goFull-FontSize(42rpx);
					//color: #00e208;
				}
			}
		}
		
	}
}


// 清晰度切换-抽屉面板 (画质) （item子项）
.drawer-HDR{
	&__dr-huazhi-box{
		@extend .drawer-besu__dr-besu-box;
		
		&__huazhi-item{
			@extend .drawer-besu__dr-besu-box__besu-item;
			
			&__bg-linear-box{
				@extend .drawer-besu__dr-besu-box__besu-item__bg-linear-box;
				
				&__bg-left-color{
					//@extend .drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-left-color;
				}
				&__bg-right-color{
					//@extend .drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-right-color;
				}
			}
			
			&__huazhi-tit{
				@extend .drawer-besu__dr-besu-box__besu-item__besu-tit;
				
				&__text{
					@extend .drawer-besu__dr-besu-box__besu-item__besu-tit__text;
					
				}
				
				// 右边角标 是否vip
				&__right-VIP{
					@extend .u-flex-juc-center;
					@extend .u-flex-al-items-center;
					@include m-left(20rpx);
					@include padding(0 15rpx);
					
					height: 40rpx;
					background-color: #ffdc91;
					border-top-right-radius: 10px;
					border-bottom-left-radius: 10px;
					
					&__text{
						color: #7f3903!important;
						font-weight: 700;
						font-size: goFull-FontSize(28rpx);
					}
				}
			}
			
		}
		
		.current{}
		
	}
}
// 防止不生效
.text-vip{
	color: #7f3903!important;
	font-weight: 700;
	font-size: goFull-FontSize(28rpx);
}

/* ---------------------------
 *  统一更改皮肤颜色
 *  倍速和清晰度 选中项 样式
 * ---------------------------
 */
.drawer-besu,
.drawer-HDR{
	// 仿爱奇艺版
	.Template-fiqy{
		.current{
			.drawer-besu__dr-besu-box__besu-item__bg-linear-box{
				.drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-left-color{
					// 倍速和清晰度 选中项 左边渐变色样式
					width: 250rpx;
					background-image:linear-gradient(to left,rgba(0,226,8,0.15),rgba(0,226,8,0));
					
				}
				.drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-right-color{
					// 倍速和清晰度 选中项 右边渐变色样式
					flex: 1;
					background-image:linear-gradient(to right,rgba(0,226,8,0.15),rgba(0,226,8,0));
				}
			}
			// 倍速和清晰度 选中项 文字颜色样式
			.app-text{
				color: #00e208;
			}
		}
	}
	// 仿优酷版
	.Template-fyk{
		.current{
			.drawer-besu__dr-besu-box__besu-item__bg-linear-box{
				.drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-left-color{
					// 倍速和清晰度 选中项 左边渐变色样式
					width: 250rpx;
					background-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0));
					
				}
				.drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-right-color{
					// 倍速和清晰度 选中项 右边渐变色样式
					flex: 1;
					background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0));
				}
			}
			// 倍速和清晰度 选中项 文字颜色样式
			.app-text{
				color: #00d0d3;
			}
		}
	}
}

/* ---------------------------
 *  防止上方嵌套样式不生效
 *  统一更改皮肤颜色
 *  倍速和清晰度 选中项 样式
 *  仿爱奇艺版
 * ---------------------------
 */
.drawer-besu .Template-fiqy .current .drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-left-color,
.drawer-HDR .Template-fiqy .current .drawer-HDR__dr-huazhi-box__huazhi-item__bg-linear-box__bg-left-color{
	// 倍速和清晰度 选中项 左边渐变色样式
	width: 250rpx;
	background-image:linear-gradient(to left,rgba(0,226,8,0.15),rgba(0,226,8,0));
}
.drawer-besu .Template-fiqy .current .drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-right-color,
.drawer-HDR .Template-fiqy .current .drawer-HDR__dr-huazhi-box__huazhi-item__bg-linear-box__bg-right-color{
	// 倍速和清晰度 选中项 右边渐变色样式
	flex: 1;
	background-image:linear-gradient(to right,rgba(0,226,8,0.15),rgba(0,226,8,0));
}
.drawer-besu .Template-fiqy .current .app-text,
.drawer-HDR .Template-fiqy .current .app-text{
	// 倍速和清晰度 选中项 文字颜色样式
	color: #00e208;
}
/* ---------------------------
 *  防止上方嵌套样式不生效
 *  统一更改皮肤颜色
 *  倍速和清晰度 选中项 样式
 *  仿优酷版
 * ---------------------------
 */
.drawer-besu .Template-fyk .current .drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-left-color,
.drawer-HDR .Template-fyk .current .drawer-HDR__dr-huazhi-box__huazhi-item__bg-linear-box__bg-left-color{
	// 倍速和清晰度 选中项 左边渐变色样式
	width: 250rpx;
	background-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0));
}
.drawer-besu .Template-fyk .current .drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-right-color,
.drawer-HDR .Template-fyk .current .drawer-HDR__dr-huazhi-box__huazhi-item__bg-linear-box__bg-right-color{
	// 倍速和清晰度 选中项 右边渐变色样式
	flex: 1;
	background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0));
}
.drawer-besu .Template-fyk .current .app-text,
.drawer-HDR .Template-fyk .current .app-text{
	// 倍速和清晰度 选中项 文字颜色样式
	color: #00d0d3;;
}



// 选集切换-抽屉面板 （item子项）
.drawer-xuanji{
	&__scroll-view{
		@extend .u-flex-column;
		flex: 1;
		width: 700rpx;
		&__xuanji-list-box{
			@extend .u-flex-row;
			@extend .u-flex-wrap;
			//@extend .u-flex-al-items-start;
			//@extend .u-flex-juc-start;
			@include padding(30rpx 20rpx);
			width: 660rpx;//700-左右20
			
			//min-width: 400rpx;
			//max-width: 700rpx;
			//background-color: #F0AD4E;
			
			&__xuanji-list-item{
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				@include position(relative);
				@include margin(10rpx);
				
				height: 100rpx;
				width: 100rpx;
				background-color: rgba(51,51,51,0.5);
				border-radius: goFull-border-radius(16rpx);
				
				&__title-text{
					color: #FFFFFF;
					font-size: goFull-FontSize(34rpx);
				}
				
				&__is-jiaobiao-box{
					@include position(absolute);
					top: 0;
					right: 5rpx;
					
					&__is-item{
						@extend .u-flex-juc-center;
						@extend .u-flex-al-items-center;
						@include padding(4rpx 6rpx);

						border-bottom-left-radius: 8rpx;
						border-bottom-right-radius: 8rpx;

						&__text{
							font-size: goFull-FontSize(20rpx);
						}
					}
					.isYuGao-item{
						background-image:linear-gradient(to left,rgba(82,135,255,1),rgba(110,153,255,1));
						.app-text,.app-ttf-b{
							color: #fff;
						}
					}
					.isVIP-item,.isCQDianbo-item{
						background-image:linear-gradient(to left,rgba(238,182,107,1),rgba(248,203,145,1));
						.app-text,.app-ttf-b{
							color: #7f3903;
						}
					}
				}
			}
		}
	}
	// 爱奇艺
	.Template-fiqy{
		.current{
			background-color: rgba(165,165,165,0.3)!important;
			.app-text{
				color: #00e208;
			}
		}
	}
	// 仿优酷
	.Template-fyk{
		.current{
			background-color: rgba(35,231,239,0.35);
			.app-text{
				color: #23e7ef;
			}
		}
	}
}

/* ---------------------------
 *  防止上方嵌套样式不生效
 *  统一更改皮肤颜色
 *  仿爱奇艺 选集item选中项
 * ---------------------------
 */
.drawer-xuanji .Template-fiqy .current{
	// 当前集数item被选中 背景样式
	background-color: rgba(165,165,165,0.3)!important;
}
.drawer-xuanji .Template-fiqy .current .app-text{
	// 当前集数item被选中 字体样式
	color: #00e208;
}
/* ---------------------------
 *  防止上方嵌套样式不生效
 *  统一更改皮肤颜色
 *  仿优酷 选集item选中项
 * ---------------------------
 */
.drawer-xuanji .Template-fyk .current{
	// 当前集数item被选中 背景样式
	background-color: rgba(35,231,239,0.35)!important;
}
.drawer-xuanji .Template-fyk .current .app-text{
	// 当前集数item被选中 字体样式
	color: #23e7ef;
}
/* ---------------------------
 *  防止上方嵌套样式不生效
 *  集数按钮之上的角标
 *  角标要加强制属性，否则会被.current>.app-text全局覆盖
 * ---------------------------
 */
.drawer-xuanji .isYuGao-item{
	// 角标 预告 样式
	background-image:linear-gradient(to left,rgba(82,135,255,1),rgba(110,153,255,1));
}
.drawer-xuanji .isYuGao-item .app-text{
	color: #fff!important;
}

.drawer-xuanji .isVIP-item,
.drawer-xuanji .isCQDianbo-item{
	// 角标 VIP 和 超前点播 样式
	background-image:linear-gradient(to left,rgba(238,182,107,1),rgba(248,203,145,1));
}
.drawer-xuanji .isVIP-item .app-text,
.drawer-xuanji .isCQDianbo-item .app-text{
	color: #7f3903!important;
}




// 演示>购物车商城-抽屉面板 （item子项）

.drawer-goods{
	&__scroll-view{}
}



// 仿爱奇艺·奇观-抽屉面板 （item子项）
.drawer-qiguanBaiKe{
	&__scroll-view{
		&__qiguanBaiKe-list-box{
			@extend .u-flex-column;
			@include padding(30rpx 20rpx);
			
			width: 640rpx;//700-60
			
			// 头部
			&__qg-Header{
				@extend .u-flex-column;
				@include padding(20rpx 0);
								
				&__H-top{
					@extend .u-flex-row;
					@extend .u-flex-nowrap;
					@extend .u-flex-juc-sp-between;
					@extend .u-flex-al-items-center;
					@include m-bottom(10rpx);
					
					&__h-t-left{
						
						&__text{
							font-size: goFull-FontSize(38rpx);
							color: #FFFFFF;
						}
					}
					
					&__h-t-right{
						&__text{
							font-size: goFull-FontSize(24rpx);
						}
					}
				}
				
				&__H-bottom{
					&__text{
						font-size: goFull-FontSize(24rpx);
					}
				}
				
			}
			// 基本信息
			&__qg-BaiKe-desc{
				@extend .u-flex-column;
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				
				width: 600rpx;//640-40
				
				// 百科信息
				&__bk-desc-Info{
					@extend .u-flex-row;
					@extend .u-flex-nowrap;
					@extend .u-flex-juc-center;
					@extend .u-flex-al-items-center;
					
					width: 600rpx;//640-40
					
					&__bk-left-img{
						@include m-right(20rpx);
						width: 200rpx;
						height: 300rpx;
						
						&__Image{
							width: 200rpx;
							height: 300rpx;
						}
					}
					
					
					&__bk-right-text{
						@extend .u-flex-column;
						
						width: 380rpx;//600-20-200
						
						&__r-t-top{
							&__text{
								font-size: goFull-FontSize(34rpx);
								color: #f5f5f5;
							}
						}
						
						&__r-t-bottom{
							@include m-top(20rpx);
							width: 380rpx;
							
							&__text{
								/* #ifdef APP-PLUS */
								lines:7;//默认lines值为0，表示不限制最大行数lines。
								/* #endif */
								
								/* #ifdef H5 || MP */
								line: 7;
								-webkit-line-clamp: 7;
								/* #endif */
								
								
								font-size: goFull-FontSize(28rpx);
								
							}
						}
						
					}
				}
				&__bk-desc-btn{
					@extend .u-flex-juc-center;
					@extend .u-flex-al-items-center;
					@include padding(20rpx 0);
					@include margin(20rpx 0);
					
					width: 600rpx;//640-40
					border-radius: goFull-border-radius(5rpx);
					background-color: rgba(101,101,101,0.3);

					&__text{
						font-size: goFull-FontSize(32rpx);
						color: #b9b9b9;
					}
				}
				
				
			}
			
			
			
			&__qg-BaiKe-star-relations{
				@extend .u-flex-column;
				
				width: 600rpx;//640-40
				
				&__starMap-Header{
					@include m-bottom(20rpx);
					
					&__text{
						font-size: goFull-FontSize(38rpx);
						color: #f5f5f5;
					}
				}
				&__starMap-body{
					@extend .u-flex-row;
					@extend .u-flex-wrap;
					@extend .u-flex-al-items-center;
					@extend .u-flex-juc-sp-between;
					
					width: 600rpx;//640-40
					
					&__s-cell{
						@extend .u-flex-column;
						@extend .u-flex-al-items-center;
						@include m-bottom(20rpx);
						
						width: 180rpx;
								
						&__s-c-top{
							width: 180rpx;
							height: 180rpx;
							border-radius: goFull-border-radius(10rpx);
							&__Image{
								width: 180rpx;
								height: 180rpx;
								border-radius: goFull-border-radius(10rpx);
							}
						}
						&__s-c-bottom{
							@extend .u-flex-juc-center;
							@extend .u-flex-al-items-center;
							@include m-top(10rpx);
							width: 180rpx;
							
							&__text-Name{
								@include m-bottom(10rpx);
								font-size: goFull-FontSize(32rpx);
								color: #e0e0e0;
							}
							&__text-relations{
								font-size: goFull-FontSize(28rpx);
								color: #bdbdbd;
							}
						}
					}
				}
			}
		}
		
		
		
		&__Web-View-box{
			@extend .drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box;
			
			&__webview{
				@include position(relative);
				//nvue web-view 必须指定样式宽高
				width: 600rpx;//640-40

			}
			&__back-btin{
				@include position(absolute);
				
				left: 20rpx;
				width: 80rpx;
				height: 80rpx;
				//background-color: #1dc;
				opacity: 0;
				z-index: 999;
			}
		}
		
	}
}







// 分享设置-抽屉面板

.drawer-Share{
	
	&__scroll-view{
		
		&__Header-Title{
			@extend .u-flex-column;
			@extend .u-flex-juc-center;
			@extend .u-flex-al-items-center;
			
			height: 120rpx;
			width: 640rpx;
			//background-color: #1dc;
			
			&__text{
				font-size: goFull-FontSize(32rpx);
				font-weight: 700;
				color: #F1F1F1;
			}
		}
		&__Share-box{
			@extend .u-flex-row;
			@extend .u-flex-wrap;
			@extend .u-flex-juc-start;
			@extend .u-flex-al-items-center;
			
			width: 640rpx;
			
			&__item{
				@extend .u-flex-juc-center;
				@extend .u-flex-al-items-center;
				@include m-bottom(30rpx);
				
				width: 160rpx;
				height: 160rpx;
				
				&__Image{
					width: 90rpx;
					height: 90rpx;
				}
				
				&__text{
					@include m-top(15rpx);

					font-size: goFull-FontSize(26rpx);
					color: #e2e1e2;
				}
			}
		}
	}
}






// 弹幕设置-抽屉面板

.drawer-DanmuSetting{
	
	&__scroll-view{
		flex: 1;
		&__Header-Title{
			@extend .u-flex-juc-center;
			@extend .u-flex-al-items-start;
			
			height: 120rpx;
			width: 640rpx;
			//background-color: #1dc;
			
			&__text{
				font-size: goFull-FontSize(32rpx);
				font-weight: 500;
				color: #e2e1e2;
				opacity: 0.65;
			}
		}
		&__cell-item{
			@extend .u-flex-column;
			
			width: 640rpx;
			&__Top-title{
				&__text{
					font-size: goFull-FontSize(32rpx);
					font-weight: 500;
					color: #fff;
				}
			}
			
			&__Bottom{
				@extend .u-flex-row;
				@extend .u-flex-al-items-center;
				@include m-bottom(20rpx);
				
				height: 40px;
				
				&__slider-box{
					flex: 1;
					width: 540rpx;//640-100
					
				}
				&__value-tex{
					@extend .u-flex-al-items-center;
					@extend .u-flex-juc-center;
					
					width: 100rpx;
					
					&__text{
						font-size: goFull-FontSize(28rpx);
						font-weight: 500;
						color: #fff;
					}
				}
			}
		}
	}
}










